<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>demo</title>
    <!-- 引入 layui.css -->
    <link rel="stylesheet" href="/layui/css/layui.css">
    <!-- 引入 layui.js -->
    <script src="/layui/layui.js"></script>
    <!--引入看板娘-->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css">
    <script src="/lib/live2d/autoload.js"></script>
    <style>
        body {
            background-image: url("https://pic.imgdb.cn/item/6126869a44eaada73948b70f.jpg");
            background-size: 100% auto;
            background-repeat: repeat;
        }
    </style>
</head>
<body>
<p>
    此页面用来做模拟测试
</p>
<button class="layui-btn layui-btn-radius" onclick="window.location.href='/index.html'">首页</button>
<button class="layui-btn layui-btn-radius" onclick="alert('屏幕宽：'+window.screen.width)">查看屏幕宽度</button>
<button class="layui-btn layui-btn-radius" onclick="alert('屏幕高：'+window.screen.height)">查看屏幕高度</button>
<button style="height: 10em;" class="layui-btn layui-btn-radius" onclick="alert(this.clientHeight)">查看10em高度</button>
<button style="width: 10em;" class="layui-btn layui-btn-radius" onclick="alert(this.clientWidth)">查看10em宽度</button>


<a href="https://www.z4a.net/image/gvcei9"><img src="https://www.z4a.net/images/2021/08/26/----e-4k_.th.jpg"
                                                alt="----e-4k_.th.jpg" border="0"></a>
<a href="https://www.z4a.net/image/gv1amH"><img src="https://www.z4a.net/images/2021/08/26/88130799_p0.th.jpg"
                                                alt="88130799_p0.th.jpg" border="0"></a>
<a href="https://www.z4a.net/image/gv1Csw"><img src="https://www.z4a.net/images/2021/08/26/85579867_p1.th.jpg"
                                                alt="85579867_p1.th.jpg" border="0"></a>

<script type="text/javascript" src="/lib/canvas/canvas-nest.js"></script>
</body>
</html>